<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>食谱详情</title>
</head>
<body>
<div class="background-box">
  <h2 th:text="${data.schoolName}">查看食谱详情</h2>
</div>
<div class="purchaseDetail-box">
  <div class="purchaseDetail">

    <div class="view-version-heart">
      <table>


        <tbody th:if="${data!=null}">
        <tr>
          <td>数量：</td>
          <td>[[${data.quantity}]] [[${data.quantityUnit}]]</td>
        </tr>
        <tr>
          <td>生产日期：</td>
<!--          <td th:text="${#dates.format(data.transactionDate, 'yyyy-MM-dd HH:mm:ss')}"></td>-->
        </tr>
        <tr>
          <td>供货商：</td>
          <td th:text="${data.businessmanName}"></td>
        </tr>
        <tr>
          <td>进货日期：</td>
<!--          <td th:text="${#dates.format(data.produceDate, 'yyyy-MM-dd HH:mm:ss')}"></td>-->
        </tr>
        <tr>
          <td>记录人：</td>
          <td th:text="${data.recordPeople}"></td>
        </tr>
        </tbody>
        <tbody th:if="${data==null}">
        <tr>
          <td>
            暂无数据
          </td>
        </tr>
        </tbody>
      </table>
    </div>
    <div class="view-version-images">
      <table>
        <thead>
        <tr>
          <th class="image-head">
            证明材料
          </th>
        </tr>
        </thead>
      </table>
    </div>
  </div>

</div>

</body>
</html>
<style lang="scss">
  body {
    margin: 0 auto;
  }

  .background-box {
    background-color: #6fcbc0;
    width: 100%;
    height: 120px;
  }

  .background-box h2 {
    padding-top: 20px;
    color: white;
    text-align: center;
  }

  .purchaseDetail-box {
    margin: -50px auto 0px auto;
    width: 90%;
  }

  .view-version-heart {
    background-color: #56bdac;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
    color: white;
  }

  .view-version-heart tr td:first-child {
    width: 100px;
  }

  .view-version-images {
    padding: 10px;
    height: 100%;
  }

  .image-head {
    font-weight: bold;
    text-align: left;
    padding: 10px 0px 10px 0px;
  }

  .image-parent {
    /*border-right: 2px;*/
    display: inline;
    /*box-sizing: border-box;*/
  }

  .image-box {
    width: 297px;
    height: 297px;
  }

</style>
